<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
    /*把所有元素的边距(内边距,外间距)设置为0*/
    *{padding: 0;margin: 0;}
    #box{
      width: 210px;

    }
    .title{
      height: 45px;
      line-height: 45px;
      background-color: #B1191A;
      color:#fff;
      text-indent: 10px;
    }

    #box a{
      color:#fff;
      text-decoration: none;
      font-size: 14px;
     }
    #box ul{
      color:#fff;
      background-color: #C81623;
      text-indent: 10px;
      line-height: 30px;
    }
    #box li{
      background: url("img/bg.png") 195px center no-repeat;
    }
  </style>

</head>
<body>
  <div id="box">
    <div class="title">
      全部商品分类
    </div>
    <ul>
      <li>
        <a href="#">手机</a>、<a href="#">数码</a>、<a href="#">京东通信</a>
      </li>
      <li>
        <a href="#">手机</a>、<a href="#">数码</a>、<a href="#">京东通信</a>
      </li>
      <li>
        <a href="#">手机</a>、<a href="#">数码</a>、<a href="#">京东通信</a>
      </li>
      <li>
        <a href="#">手机</a>、<a href="#">数码</a>、<a href="#">京东通信</a>
      </li>
      <li>
        <a href="#">手机</a>、<a href="#">数码</a>、<a href="#">京东通信</a>
      </li>
      <li>
        <a href="#">手机</a>、<a href="#">数码</a>、<a href="#">京东通信</a>
      </li>
    </ul>

  </div>

</body>
</html>